﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<link href="css/service.css" rel="stylesheet" type="text/css"/>
<script src="js/jquery.js" type="text/javascript"></script>
<title>services</title>
</head>
<body style="background-color=transparent">
<div id="container">
<div id="iframe1">
    <div id="title">
        <div id="left"> 
        <img src="img/main/ifleft.gif" style="float:left" />
        <span class="t1"><b>&nbsp;&nbsp;服务器进程配置列表</b></span>
      </div><!--left-->
        <div id="right">
           <!-- <div style="background:#b6ca9d;width:5px;height:5px;margin:0px;">-->
            <input type="checkbox" id="checkall" style="margin:-4px 0 0 -2px;" /><span class="t2">全选</span>
            <input type="image" src="img/main/xinzeng.gif" onclick="javascript:self.location='#'"/><span class="t2"><a href="#" style="color:#000;font-size:12px;text-decoration:none">新增</a></span>
            <input type="image" src="img/main/xiugai.gif" onclick="javascript:self.location='#'"/><span class="t2"><a href="#" style="color:#000;font-size:12px;text-decoration:none">修改</a></span>
            <input type="image" src="img/main/shanchu.gif" onclick="javascript:self.location='#'"/><span class="t2"><a href="#" style="color:#000;font-size:12px;text-decoration:none">删除</a></span>
            <!--</div>-->
        </div><!--right-->
    </div><!--title-->
    <div id="table">
    <table class="table1" border="1"cellspacing="0" cellpadding="0">
    <tr class="tr1">
        <td class="td1"><span class="t3">选择</span></td>
        <td class="td4"><span class="t3">序号</span></td>
        <td class="td2"><span class="t3">运行机器ip地址</span></td>
        <td class="td3"><span class="t3">机器名</span></td>
        <td class="td3"><span class="t3">节点类型</span></td>
        <td class="td5"><span class="t3">服务器进程配置</span></td>
        <td class="td1"><span class="t3">编辑</span></td>
        <td class="td1"><span class="t3">删除</span></td>
    </tr>
    <tr class="tr2">
        <td class="td1"><input type="checkbox" id="cb"/></td>
        <td class="td4"><span class="t4">A00012</span></td>
        <td class="td2"><span class="t4">192.168.0.124</span></td>
        <td class="td3"><span class="t4">wtz_fh</span></td>
        <td class="td3"><span class="t4">DBserver</span></td>
        <td class="td5"><span class="t4">服务器进程配置</span></td>
        <td class="td1"><img src="img/main/qianbi.gif" />[<a href="#">编辑</a>]</td>
        <td class="td1"><img src="img/main/cha.gif" />[<a href="#">删除</a>]</td>
    </tr>
        <tr class="tr2">
        <td class="td1"><input type="checkbox" id="cb"/></td>
        <td class="td4"><span class="t4">A00012</span></td>
        <td class="td2"><span class="t4">192.168.0.124</span></td>
        <td class="td3"><span class="t4">wtz_fh</span></td>
        <td class="td3"><span class="t4">DBserver</span></td>
        <td class="td5"><span class="t4">服务器进程配置</span></td>
        <td class="td1"><img src="img/main/qianbi.gif" />[<a href="#">编辑</a>]</td>
        <td class="td1"><img src="img/main/cha.gif" />[<a href="#">删除</a>]</td>
    </tr>
        <tr class="tr2">
        <td class="td1"><input type="checkbox" id="cb"/></td>
        <td class="td4"><span class="t4">A00012</span></td>
        <td class="td2"><span class="t4">192.168.0.124</span></td>
        <td class="td3"><span class="t4">wtz_fh</span></td>
        <td class="td3"><span class="t4">DBserver</span></td>
        <td class="td5"><span class="t4">服务器进程配置</span></td>
        <td class="td1"><img src="img/main/qianbi.gif" />[<a href="#">编辑</a>]</td>
        <td class="td1"><img src="img/main/cha.gif" />[<a href="#">删除</a>]</td>
    </tr>
        <tr class="tr2">
        <td class="td1"><input type="checkbox" id="cb"/></td>
        <td class="td4"><span class="t4">A00012</span></td>
        <td class="td2"><span class="t4">192.168.0.124</span></td>
        <td class="td3"><span class="t4">wtz_fh</span></td>
        <td class="td3"><span class="t4">DBserver</span></td>
        <td class="td5"><span class="t4">服务器进程配置</span></td>
        <td class="td1"><img src="img/main/qianbi.gif" />[<a href="#">编辑</a>]</td>
        <td class="td1"><img src="img/main/cha.gif" />[<a href="#">删除</a>]</td>
    </tr>
        <tr class="tr2">
        <td class="td1"><input type="checkbox" id="cb"/></td>
        <td class="td4"><span class="t4">A00012</span></td>
        <td class="td2"><span class="t4">192.168.0.124</span></td>
        <td class="td3"><span class="t4">wtz_fh</span></td>
        <td class="td3"><span class="t4">DBserver</span></td>
        <td class="td5"><span class="t4">服务器进程配置</span></td>
        <td class="td1"><img src="img/main/qianbi.gif" />[<a href="#">编辑</a>]</td>
        <td class="td1"><img src="img/main/cha.gif" />[<a href="#">删除</a>]</td>
    </tr>
        <tr class="tr2" >
        <td class="td1"><input type="checkbox" id="cb"/></td>
        <td class="td4"><span class="t4">A00012</span></td>
        <td class="td2"><span class="t4">192.168.0.124</span></td>
        <td class="td3"><span class="t4">wtz_fh</span></td>
        <td class="td3"><span class="t4">DBserver</span></td>
        <td class="td5"><span class="t4">服务器进程配置</span></td>
        <td class="td1"><img src="img/main/qianbi.gif" />[<a href="#">编辑</a>]</td>
        <td class="td1"><img src="img/main/cha.gif" />[<a href="#">删除</a>]</td>
    </tr>
        <tr class="tr2">
        <td class="td1"><input type="checkbox"id="cb" /></td>
        <td class="td4"><span class="t4">A00012</span></td>
        <td class="td2"><span class="t4">192.168.0.124</span></td>
        <td class="td3"><span class="t4">wtz_fh</span></td>
        <td class="td3"><span class="t4">DBserver</span></td>
        <td class="td5"><span class="t4">服务器进程配置</span></td>
        <td class="td1"><img src="img/main/qianbi.gif" />[<a href="#">编辑</a>]</td>
        <td class="td1"><img src="img/main/cha.gif" />[<a href="#">删除</a>]</td>
    </tr>
        <tr class="tr2">
        <td class="td1"><input type="checkbox" id="cb"/></td>
        <td class="td4"><span class="t4">A00012</span></td>
        <td class="td2"><span class="t4">192.168.0.124</span></td>
        <td class="td3"><span class="t4">wtz_fh</span></td>
        <td class="td3"><span class="t4">DBserver</span></td>
        <td class="td5"><span class="t4">服务器进程配置</span></td>
        <td class="td1"><img src="img/main/qianbi.gif" />[<a href="#">编辑</a>]</td>
        <td class="td1"><img src="img/main/cha.gif" />[<a href="#">删除</a>]</td>
    </tr>
        <tr class="tr2">
        <td class="td1"><input type="checkbox" id="cb" /></td>
        <td class="td4"><span class="t4">A00012</span></td>
        <td class="td2"><span class="t4">192.168.0.124</span></td>
        <td class="td3"><span class="t4">wtz_fh</span></td>
        <td class="td3"><span class="t4">DBserver</span></td>
        <td class="td5"><span class="t4">服务器进程配置</span></td>
        <td class="td1"><img src="img/main/qianbi.gif" />[<a href="#">编辑</a>]</td>
        <td class="td1"><img src="img/main/cha.gif" />[<a href="#">删除</a>]</td>
    </tr>
    </table>
    </div><!--table-->
    <div id="wz">
    <span class="t4">共120条记录，当前第1/10页，每页10条记录</span><input type="hidden" name="pagenumber" value="01">
    </div><!--wz-->
</div>
</div>
</body>
</html>
<script language="javascript" type="text/javascript"> 
$(document).ready(function () { 
//全选或全不选 
$("#checkall").click(function () {//当点击全选框时 
var flag = $("#checkall").attr("checked");//判断全选按钮的状态 
$("[id$='cb']").each(function () {//查找每一个Id以Item结尾的checkbox 
$(this).attr("checked", flag);//选中或者取消选中 
}); 
}); 
//如果全部选中勾上全选框，全部选中状态时取消了其中一个则取消全选框的选中状态 
$("[id$='cb']").each(function () { 
$(this).click(function () { 
if ($("[id$='cb']:checked").length == $("[id$='cb']").length) { 
$("#chkAll").attr("checked", "checked"); 
} 
else $("#checkall").removeAttr("checked"); 
}); 
}); 
}); 
</script>
